<%@ page import="sun.security.ec.ECParameters" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<table border="1px" class="myTable">
    <col width="200px" valign="top">
    <tr>
        <td class="left_block">
            <div><img src="img/ava.png"/></div>
            <p class="myText"></p>
        </td>
        <td style="padding-left: 20px">
            <p class="myText">${name} ${sname}</p>
            <p> online/offline</p>
            <p> 00 лет, Город</p>
        </td>
    </tr>
    <tr>
        <td valign="top" align="center">
            <table border="0px" width="100%">
                <tr>
                    <td>
                        <div class="button"> <h2>Добавить маршрут</h2></div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="button"><h2>Мои попутчики </h2></div>
                    </td>
                </tr>
                <tr>
                    <td>
                        <div class="button"><h2>Мои маршруты</h2></div>
                    </td>
                </tr>
            </table>

        </td>
        <td >
            <p class="myText">'</p>
			
			<script type="text/javascript" src="js/add_trace.js">
			</script>
			<script>
			window.onload = initialize();
			</script>

			<div id="map_menu" class=menubase><table class=menubar><tr style="background: #F5F5F5;" id=map_menu_1><td><a href=# class=menubutton onclick="menushow = false; placeMarker(contexmenumapcoord);" onmouseover="document.getElementById('map_menu_1').style.background='#E7E7E7';" onmouseout="document.getElementById('map_menu_1').style.background='#F5F5F5';">Добавить точку</a></td></tr></table></div>
			<div id="marker_menu" class=menubase><table class=menubar><tr style="background: #F5F5F5;" id=marker_menu_1><td><a href=# class=menubutton onclick="deleteMarker(dragedMarker);" onmouseover="document.getElementById('marker_menu_1').style.background='#E7E7E7';" onmouseout="document.getElementById('marker_menu_1').style.background='#F5F5F5';">Удалить точку</a></td></tr>
			<tr style="background: #F5F5F5;" id=marker_menu_2><td><a href=# class=menubutton onclick="deleteMarker(0);" onmouseover="document.getElementById('marker_menu_2').style.background='#E7E7E7';" onmouseout="document.getElementById('marker_menu_2').style.background='#F5F5F5';">Удалить маршрут</a></td></tr></table></div>
			<div id="start_marker_menu" class=menubase><table class=menubar><tr style="background: #F5F5F5;" id=start_marker_menu_1><td><a href=# class=menubutton onclick="deleteMarker(dragedMarker);" onmouseover="document.getElementById('start_marker_menu_1').style.background='#E7E7E7';" onmouseout="document.getElementById('start_marker_menu_1').style.background='#F5F5F5';">Удалить маршрут</a></td></tr></table></div>
			<div id="findmarker_menu" class=menubase><table class=menubar><tr style="background: #F5F5F5;" id=findmarker_menu_1><td><a href=# class=menubutton onclick="menushow = false; placeMarker(findmarker.position); findmarker.setMap(null);" onmouseover="document.getElementById('findmarker_menu_1').style.background='#E7E7E7';" onmouseout="document.getElementById('findmarker_menu_1').style.background='#F5F5F5';">Добавить к маршруту</a></td></tr></table></div>
	
			<table width=100% height=100%>
			<tr>
			<td width=600>
			<table border=0>
			<tr>
			<td>
			<form action=#>
			<INPUT TYPE="submit" VALUE="Очистить маршрут" onclick="dragedMarker=0; deleteMarker(dragedMarker);">
			</form>
			</td>
			</tr>
			</table>
			<br>
			<div id="map_canvas" style="width:100%; height:80%"></div>
			<br>
			<div>
			<form action=#>
			<INPUT TYPE="text" ID="adrtofind" VALUE="" SIZE="60" MAXLENGTH="200">
			<INPUT TYPE="submit" VALUE="Искать" onclick="findadr();">
			</form>
			</div>
			</td>
			<td width=250>
			<div id="dev" width=250>
			</div>
			<br>
			<form ID="outputform" action=#>
			<INPUT TYPE="hidden" ID="waypoints" VALUE="">		
			<p>Старт в <INPUT TYPE="text" ID="deptime" VALUE="" SIZE="10" MAXLENGTH="30"></p>
			<div id="start_adr" width=250>
			</div>
			<br>
			<p>Прибытие в <INPUT TYPE="text" ID="arrtime" VALUE="" SIZE="10" MAXLENGTH="30"></p>
			<div id="finish_adr" width=250>
			</div>
			<br>
			<INPUT TYPE="submit" VALUE="Сохранить маршрут" onclick="checkform();">	
			</form>
			</td>
			</tr>
			</table>

		</td>
    </tr>

</table>

<!-- end #sidebar -->
<div style="clear: both;">&nbsp;</div>

